<template>
    <div class="wrapper">
        <testModal :designerManager="data.designerManager"></testModal>

        <dcPageDesigner @ready="onReady">
        </dcPageDesigner>
    </div>
</template>

<script setup>
import { ref, reactive } from 'vue'
import testModal from "./components/test/testModal.vue";
const data = reactive({
    designerManager: null
})

/**
 * @method
 * @desc 页面加载完毕后触发
 */
 const onReady = (designer) => {
    // console.log(`designer`, designer)
    // console.log(`页面设计器加载完毕`);
    let item = designer.getComponent("输入框");
    console.log(item);
    data.designerManager = designer;
};

</script>

<style scoped>
.wrapper {
    /* padding: 15px; */
    height: 100vh;
}
</style>

